<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="css/base.css">
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/personInfro.js"></script>
	<title>舆情定制</title>
	<style>
		html,body{
			width: 100%;
			height: 100%;
		}
	</style>
	</head>
	
	<body>
		<div class="wholePublic-box">
			<div class="wholePublic-header clearfix">
				<div class="wholePublic-logo fl ">
					<a href="index-logged.html"><img src="images/logo-2.png" /></a>
				</div>
				<div class="wholePublic-header-list fl">
					<ul class="clearfix">
						<li onclick="javascript:window.location='wholePublic-company.html'">全部舆情</li>
						<li onclick="javascript:window.location='my-custom.html'">舆情定制</li>
						<li class="wholePublic-border" onclick="javascript:window.location='analysis.html'">分析报告</li>
						<li onclick="javascript:window.location='thinkTank.html'">智库</li>
						<li onclick="javascript:window.location='wholePublic.html'">联系我们</li>
					</ul>
				</div>
				<div class="wholePublic-header-right fr">
					<ul class="clearfix">
						<li id="line"><img src="images/line-2.png" /></li>
						<li onclick="javascript:window.location='my-custom.html'">我的定制</li>
						<li id="exit"><img src="images/exit-2.png" /></li>
						<li class="setting-icon">
							<a href="company-setting.html"><img src="images/setting-icon.png"/></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="grcolor-box"></div>
			<div class="wholePublic-mainBody clearfix">
	
				<div class="wholePublic-leftContent wholePublic wholePublic-part2 fl" id="col1">
					<ul>
						<li onclick="javascript:window.location='analysis.html'"><img src="images/project-icon.png" /><span>项目报告</span></li>
						<li onclick="javascript:window.location='analysis-trend.html'"><img src="images/trend-icon.png" /><span>整体趋势</span></li>
						<li onclick="javascript:window.location='analysis-track.html'"><img src="images/track-icon.png" /><span>舆情追踪</span></li>
						<li onclick="javascript:window.location='analysis-emotion.html'"><img src="images/emotion-icon.png" /><span>情感分析</span></li>
						<li onclick="javascript:window.location='analysis-media.html'"><img src="images/media-icon.png"  /><span>媒体分析</span></li>
						<li class="wholePublic-selected" onclick="javascript:window.location='analysis-keywords.html'"><img src="images/keywords-icon-selected.png" /><span>关键词分析</span></li>
						<li onclick="javascript:window.location='analysis-comment.html'"><img src="images/comment-icon.png" /><span>评论分析</span></li>
					</ul>
				</div>
				<div class="wholePublic-rightContent fl">
					
					<div class="analysis-box main-content">
						<div class="analysis-header">
							<select>
								<option>项目一：项目名称</option>
								<option>项目二：项目名称</option>
							</select>
							<select>
								<option>最近一周</option>
								<option>最近两天</option>
							</select>
						</div>

						
						<div class="big-box">
							<!--关键词-->
							<div class="keyWord-box">
								<div class="keyWord-random">
									<span class="keyWord-main">关键词</span>
									<span class="keyWord-1">相关关键词</span>
									<span class="keyWord-2">相关关键词</span>
									<span class="keyWord-3">相关关键词</span>
									<span class="keyWord-4">相关关键词</span>
									<span class="keyWord-5">相关关键词</span>
									<span class="keyWord-6">相关关键词</span>
									<span class="keyWord-7">相关关键词</span>
									<span class="keyWord-8">相关关键词</span>
									<span class="keyWord-9">相关关键词</span>
									<span class="keyWord-10">相关关键词</span>
								</div>
								<div class="keyWord-hot">十大热门关键词分析</div>
								<div class="keyWord-order clearfix">
									<div class="keyWord-order-list fl">
										<div class="keyWord-order-title">热门关键词</div>
										<ul>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
											<li>关键词</li>
										</ul>
									</div>
									
									<div class="keyWord-order-list fl">
										<div class="keyWord-order-title">最关注媒体</div>
										<ul>
											<li>微信</li>
											<li>微博</li>
											<li>知乎</li>
											<li>微信</li>
											<li>微博</li>
											<li>知乎</li>
											<li>微信</li>
											<li>微博</li>
											<li>知乎</li>
											<li>知乎</li>
										</ul>
									</div>
									
									<div class="keyWord-order-list fl">
										<div class="keyWord-order-title">热度指数</div>
										<ul>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
											<li>54682</li>
										</ul>
									</div>
									
								</div>
								
								<!--<div class="grcolor infro-keyWord">十大热门关键词的描述</div>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script>
	Resize=function(){
		var doc = document.documentElement;  
    	relHeight = (doc.clientHeight > doc.scrollHeight) ? doc.clientHeight : doc.scrollHeight;//获取屏幕高度和当前页面高度中的较大值  
   		document.getElementById('col1').style.height = relHeight-82+'px';//id为bg的div就是我页面中的遮罩层
//		total = document.body.clientHeight;
//		colHeight = total-document.getElementById("col1").offsetTop;
//		document.getElementById("col1").style.height=colHeight+"px";
	}
	Resize()
	window.onresize=function(){
		Resize()
	}
</script>